<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Revolution Cycles</title>	
		<link href="css/reset.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<link href='http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed' rel='stylesheet' type='text/css'>
	</head>
	<body>
	  
		<div id="pageWrapper">
		
			<div id="topLeft">
			</div><!-- /#topLeft -->
			
			<div id="top">
				<a href="/">
					<div id="headerHomeLink">
					
					</div><!-- /#headerHomeLink -->
				</a>
			</div><!-- /#top -->
			
			<div class="clearfix"></div>
			
			<div id="left">
				<div id="nav">
			    <ul>
						<li><a href="about" id="navAbout">About</a></li>
						<li><a href="monkey-talk" id="navMonkeyTalk">Monkey Talk</a></li>
						<li><a href="photos" id="navPhotos">Photos</a></li>
						<li><a href="events" id="navEvents">Events</a></li>
						<li><a href="friends" id="navFriends">Friends</a></li>
						<li><a href="bike-stuff" id="navBikeStuff">Bike Stuff</a></li>
						<li><a href="contact" id="navContact">Contact</a></li>
					</ul>
				</div><!-- /#nav-->
			</div><!-- /#left -->
		
			<div id="contentWrapper">
				<div id="contentArea" class="bg BottomBracket">
					<p>
						<h1>Heading 1</h1>
						<h2>Heading 2</h2>
						<h3>Heading 3</h3>
						<h4>Heading 4</h4>
						<h5>Heading 5</h5>
						<h6>Heading 6</h6>
				  <p>
						
					<p>
						Lorem ipsum <a href="#">dolor sit amet</a>, consectetur adipiscing elit. Nullam turpis mi, laoreet in accumsan non, mollis quis tortor. In elementum dolor sit amet lectus ultrices posuere. Vivamus dignissim posuere erat euismod hendrerit. Pellentesque tempus lorem vitae est feugiat dictum. Nulla commodo dignissim felis, nec tincidunt purus fermentum in. Maecenas faucibus hendrerit commodo. Vivamus ultrices eros neque, id vulputate turpis. Donec non justo laoreet nunc molestie ultricies. Etiam sit amet magna iaculis lacus fermentum sollicitudin at ac eros. Curabitur pretium lacus a nisi faucibus eget gravida nibh suscipit. Integer pellentesque vehicula pretium. Phasellus rhoncus placerat magna, at tristique augue faucibus at.
					</p>
					
					<p class="red">
						Text in red
					</p>
					
					<p class="green">
						Text in green
					</p>
					
					<p>
						<h2>List Of Things</h2>
						<ul>
							<li>Item 1</li>
							<li>Item 2</li>
							<li>Item 3</li>
							<li>Item 4</li>
							<li>Item 5</li>
						</ul>
					</p>
					
					<p>
						Etiam consequat lacinia metus eget venenatis. Integer at aliquam tellus. Proin vitae magna nec mi fermentum viverra. Integer ut dolor vitae metus lobortis luctus sed et mi. <a href="#">Phasellus posuere</a> tempor venenatis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lacus est, aliquam vitae elementum a, consequat at purus. Pellentesque lectus libero, blandit nec pharetra sit amet, pharetra a quam.
					</p>
				</div><!-- /#contentArea -->
				
			</div><!-- /#contentWrapper -->
			
		</div><!-- /#pageWrapper -->
	</body>
</html>
